import {FC, useRef } from 'react'

const UseRefCom:FC<any> = ()=>{
  let ipt = useRef<HTMLInputElement | null>(null)
    let lis = useRef(null)
    let handleClick = ()=>{
        console.log(ipt);
        ipt.current!.focus()
    }
    //坑!! 对于li这类元素 声明类型的时候 不要声明 初始值给null就可以了
    return(
        <fieldset>
            <legend>使用ref</legend>
            <input type="text" ref={ipt} />
            <ul>
                <li ref={lis} ></li>
            </ul>
            <button onClick={handleClick} >点击</button>
        </fieldset>
    )
}

export default UseRefCom
